﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title id="title"></title>
    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.2.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>
    <script src="/Scripts/jquery-2.0.3.min.js"></script>
    <script src="/Scripts/json2.min.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/views/care/care.css" rel="stylesheet" />
    <script src="/pages/views/care/care.js"></script>
</head>
<body>
   
    <!-- The content that will be loaded and displayed. -->
    <div class="fragment homepage" style="background-color: #EFEFEF;">
        <header class="TopArea" aria-label="Header content" role="banner">
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">Welcome to Group3.MediaTool.App!</span>
            </h1>
        </header>
        <section id="mainsection" aria-label="Main content" role="main">
            <hgroup>
                <div style="float:left;padding-right:7px; padding-top:3px;"><button id="backButton" class="win-backbutton" aria-label="Back" type="button"></button></div>
                <div style="padding-top:7px;"><h2 id="sectionHeader">SampleCategory - <span id="itemHeader">SampleObject</span></h2></div>
            </hgroup>
            <fieldset id="itemFields" class="formSection">
                <legend class="formSectionHeading" id="SectionHeading">Neues Element</legend>
                <div class="twoColumnGridContainer-ControlList">
                    <!--ToDo with Javascript-->
                    <div style="-ms-grid-row: 1; -ms-grid-column: 1;">
                        Titel
                        <div class="detail">
                            Der Titel des Elemnts
                        </div>
                    </div>
                    <div style="-ms-grid-row: 1; -ms-grid-column: 2;">
                        <input type="text" value="This is plain text." />
                    </div>
                    <div style="-ms-grid-row: 2; -ms-grid-column: 1;">
                        Beschreibung
                        <div class="detail">
                           Freitext zum Element
                        </div>
                    </div>
                    <div style="-ms-grid-row: 2; -ms-grid-column: 2;">
                        <textarea></textarea>
                    </div>
                   <div style="-ms-grid-row: 3; -ms-grid-column:2;">
                       <button>Abbrechen</button> 
                       <button>Ok</button>
                   </div>
                </div>
            </fieldset>

        </section>
    </div>
</body>
</html>